@CHARSET "UTF-8";
/*********  css reset **********/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,button{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%;outline:none;}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

/******** base css  *********/
body{font-family: "Helvetica neue",Helvetica,Arial,Sans-serif; color: #333;font-size: 14px;}
.fl{float: left;} .fr{float: right;} .cb{clear: both;} .cl{clear: left;} .cr{clear: right;}
.w{width: 1000px;margin-left: auto;margin-right: auto;}
.top-nav{height: 30px; box-shadow: 3px 3px 6px -2px #ccc; border-bottom: 1px solid #ccc; background-color: #FFF;}
.header{height: 100px; }
.menu{height: 40px; position: relative; border:1px solid #ccc;}
.footer{height: 200px; position: relative; margin-top: 40px; padding-top: 5px; border-top: 1px solid #ccc;text-align: center;}
.sprite{background-image: url(../images/sprite.png); background-repeat: no-repeat;}

/*****  footer  **********/
.f-cont{margin-top: 5px;}
.f-cont a{margin: 0 5px; color: #333; text-decoration: none;}
.f-partener{background-image: url(../images/partener.png);margin-top: 15px; background-repeat: no-repeat;height: 30px;width: 658px;margin-left: auto;margin-right: auto;}
.copyright{margin-top: 15px; font-size: 12px;}

.top-nav li{display: inline-block; *display:inline; line-height: 30px; font-size: 12px;}
ul.fl li{margin-right: 20px;} ul.fr li{margin-left: 20px;}

.logo{height: 100%;width: 248px; background-image: url(../images/logo.png);}
.search{height: 100px;margin-left: 30px;width: 470px;}
.cart{width: 250px;height: 100%;line-height: 100px;text-align: center;}
.search-box{border: 1px solid #ccc; border-radius: 5px; display: inline-block;margin-top: 28px;}
.s-input{width: 370px;height: 23px;padding: 8px;outline: 0;border: 0;border-radius: 5px 0 0 5px;}
.s-btn{height: 40px;border: 0;width: 70px; border-radius: 0 4px 4px 0;background-color: #ccc;}
.c-cart{background-position: 0 0; background-repeat: no-repeat;padding-left: 25px;}
#c-num{font-weight: normal;}

.hc{height: 300px;}
.category{height: 100%;width: 200px;padding-right: 20px;}
.banner{height: 100%;width: 600px;}
.news{height: 100%;width: 179px; margin-left: 1px;}

.category .cate-title{height: 37px;line-height: 37px;margin-bottom: 2px;border-bottom: 3px solid #333;font-size: 22px;font-weight: bold;text-transform: uppercase;}
.category .cate-list{}
.cate-name{height: 30px;line-height: 30px;cursor: pointer;background-position: 100px -84px;}
.cate-name:hover{background-color: #000;color: #fff; background-position: 100px -115px; zoom:1;}
.cate-name-hover{background-color: #000;color: #fff; background-position: 100px -115px; zoom:1;}

.hot{margin-top: 20px;}
.hot-title{border-bottom: 3px solid #333; margin-bottom: 2px;}
.hot-title h3{font-weight: bold;font-size: 18px;}
.tab-title{display: block; zoom: 1;}
.tab-content{display: inline-block;margin-top: 1px;}
.tab-title li{float: left;width: 97px;margin-right: 1px;height: 40px;border:1px solid #ccc;line-height: 40px;text-align: center; display:block;}
.tab-content li{float: left;width: 180px; background-color: #eee; padding: 10px!important; padding: 5px;}
.pic-hot{overflow: hidden; width: 180px; height: 180px; }
.tab-content li h4{margin-top: 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; width: 180px;}

.new{margin-top: 20px;}
.new-con{height: 400px;}
.new-col1{width: 600px;position: relative;float: left;}
.new-col1-1{width: 200px;height: 400px; float: left; background-color: red;}
.new-col1-1-row{width: 200px;height: 200px; background-color: green;}
.new-col1-2{width: 400px;height: 400px; float: left;background-color: gray;}
.new-col2{width: 400px;position: relative;float: left;}
.new-col2-2{width: 204px;height: 200px;float: left;background-color: red;}
.new-col2-1{width: 400px;height: 200px;float: left;background-color: green;}
.new-col2-3{width: 192px;height: 200px;float: left;background-color: yellow;}

.prom{margin-top: 20px;}
.prom-title{background-image: url(../images/cat_sprite.png); background-repeat: repeat-x;background-position: 0 -381px; height: 40px;}
.prom-title h3{background-image: url(../images/cat_sprite.png); background-repeat: no-repeat;background-position: 0 -37px; height: 40px; width: 110px;background-color: #fff;}

.price{color: red}
